.content{
	width: 100%;
	height: 100%;
	box-sizing: border-box;
	// padding:40rpx 30rpx 0 30rpx;
	background: #F0F0F0;
	.qiandao_module{
		position: fixed;
		top:0;
		left:0;
		right: 0;
		bottom: 0;
		background-color: rgba(0,0,0,0.4);
		display: flex;
		justify-content: center;
		align-items: center;
		
		.qiandao_content{
			width: 490rpx;
			height: 536rpx;
			position: relative;
			background-color: #fff;
			box-sizing: border-box;
			
			padding:89rpx 30rpx 42rpx 30rpx;
			.qd_module_btn{
				width: 197rpx;
				height: 60rpx;
				background: linear-gradient(101deg, #F87433 0%, #FB5224 100%);
				border-radius: 30rpx;
				font-size: 30rpx;
				font-weight: 500;
				color: #FFFFFF;
				margin:0 auto;
				text-align: center;
				line-height: 60rpx;
				margin-top: 25rpx;
			}
			.qiandao_content_item{
				display: flex;
				justify-content:center;
				flex-wrap: wrap;
				
				.qd_active{
					background: linear-gradient(155deg, #FFFFFF, #F87333, #FB5325);
					text{
						color: #fff;
					}
					
				}
				>view{
					margin-right: 18rpx;
				    padding:12rpx 0;
					
					width: 94rpx;
					box-sizing: border-box;
					
					height: 140rpx;
					background: #FFFFFF;
					border: 2rpx solid #F87332;
					border-radius: 10rpx;
					text-align: center;
					margin-bottom: 20rpx;
					&:nth-child(4){
						margin-right: 0;
					}
					&:last-child{
							margin-right: 0;
					}
					image{
						width: 38rpx;
						height: 38rpx;
						margin:5rpx 0;
					}
					text{
						display: block;
						font-size: 24rpx;
						font-family: PingFang SC;
						font-weight: 500;
						color: #F87332;
						width: 100%;
                         text-align: center;
					}
				}
			}
			.bg_module{
				position: absolute;
				top: -166rpx;
				left: -41rpx;
				width: 573rpx;
				height: 245rpx;
				background:url($qiandao_module) no-repeat;
				background-size: 100% 100%;
				
			}
			
		}
	}
	.use_methods{
		box-sizing: border-box;
		padding:12rpx 30rpx 12rpx 30rpx;
		background-color: #fff;
		.use_methods_item{
			display: flex;
			justify-content: space-between;
			align-items: center;
			height: 86rpx;
			&:nth-child(1){
				border-bottom: 1px solid #F0F0F0;
			}
			&:nth-child(2){
				border-bottom: 1px solid #F0F0F0;
			}
			.use_methods_lf{
				display: flex;
				justify-content: flex-start;
				align-items: center;
				
				image{
					width: 24rpx;
					height: 24rpx;
					margin-right: 26rpx;
				}
				text{
					font-size: 28rpx;
					font-weight: 500;
					color: #333333;
				}
			}
		}
		
	}
	.sign_in{
		box-sizing: border-box;
		padding:30rpx 49rpx;
		background-color: #fff;
		margin-bottom: 20rpx;
		.sign_in_title{
			font-size: 28rpx;
			font-weight: 500;
			color: #333333;
			
		}
		.sign_in_content{
			margin-top: 42rpx;
			
			.sign_in_item_out{
				display: flex;
				justify-content: space-between;
				align-items: center;
				.sign_in_item{
					width: 80rpx;
					>text{
						font-size: 26rpx;
						font-weight: bold;
						color: #333333;
					
					}
					.active.sign_in_icon{
						background: linear-gradient(155deg, #FFFFFF, #F87333, #FB5325);
						text{
							color: #fff;
						}
					}
					.sign_in_icon{
						width: 72rpx;
						height: 118rpx;
						background: #FFFFFF;
						border: 2rpx solid #F87332;
						border-radius: 10rpx;
						margin-bottom: 29rpx;
						display: flex;
						justify-content: center;
						flex-wrap: wrap;
						align-content: center;
						text{
							display: block;
							text-align: center;
							width: 100%;
							font-size: 28rpx;
							font-weight: 500;
							color: #F87332;
							margin-top: 15rpx;
						}
					}
				}
			}
			.noActive.qiandao_btn{
				background: #E5E5E5;
				color: #999999;
			}
			.qiandao_btn{
				width: 223rpx;
				height: 60rpx;
				
				margin:0 auto;
				margin-top: 40rpx;
				background: linear-gradient(95deg, #F87333 0%, #FB5324 100%);
				border-radius: 20rpx;
				font-size: 30rpx;
				font-weight: 500;
				color: #FFFFFF;
				text-align: center;
				line-height: 60rpx;
			}
			
		}
	}
	.integral_top{
		height: 163rpx;
		box-sizing: border-box;
		padding:30rpx 49rpx;
		display: flex;
		justify-content: space-between;
		align-items: center;
		background:#fff url($integral_bg) no-repeat 463rpx 0;
		background-size: 50% 100%;
		margin-bottom: 20rpx;
		.exchange{
			width: 197rpx;
			height: 60rpx;
			background: linear-gradient(101deg, #F87433 0%, #FB5224 100%);
			border-radius: 20rpx;
			display: flex;
			justify-content: center;
			align-items: center;
			text{
				font-size: 30rpx;
				font-weight: 500;
				color: #FFFFFF;
				margin-left: 15rpx;
			}
		}
		.integral_money{
			font-size: 26rpx;
			font-weight: 500;
			color: #333333;
			view{
				&:last-child{
					font-size: 50rpx;
					font-weight: bold;
					margin-top: 20rpx;
				}
			}
		}
	}
}